<template>
    <div class="wrapper">
        <!-- <Chart id="performanceRate" style="width: 500px;height: 400px;" :option="option"></Chart> -->
        <RateChart  :chartData="chartData" :options="options"></RateChart>
    </div>
</template>
  
<script>
import Chart from "@/components/chart/chart.vue";
import { getChartData } from "@/api/echarts";
import RateChart from "../base/rateChart.vue";
export default {
    name: "temperatureRate",
    components: { Chart,RateChart },
    props: [],
    data() {
        return {     
            chartData: null,
            options:{
                id:'temperatureRate',
                // title:"时效履约率"
            }
        };
    },
    mounted() {
        getChartData(
            { "custom_chart_id": "3" }
        ).then(res => {
            const data = res.data.data;
            data.forEach(item => {
                item.value = Math.round(item.value * 100);
            });
            this.chartData = data;  
        });

    },
    methods: {

    },
};
</script>
<style lang="scss" scoped>
.wrapper {}
</style>
  